<!DOCTYPE html>
<html lang="zh-cn">
<!-- Form表单提交测试 -->
<head>
	<meta charset="utf-8" />
	<title>复制功能测试</title>
	<script>
		function copy1(text){
			var textarea = document.createElement('textarea');
			document.body.appendChild(textarea);
			// 隐藏此输入框
			textarea.style.position = 'fixed';
			textarea.style.clip = 'rect(0 0 0 0)';
			textarea.style.top = '10px';
			// 赋值
			textarea.value = text;
			// 选中
			textarea.select();
			// 复制
			document.execCommand('copy', true);
			// 移除输入框
			document.body.removeChild(textarea);
		}

		function copy2(text){
			if (navigator.clipboard) {
				navigator.clipboard.writeText(text);
			}else{
				alert('您的浏览器不支持复制功能，请手动复制！')
			}
		}
	</script>
</head>

<body>
	<button onclick="copy1('xxx1')">使用传统方式复制</button>
	<button onclick="copy2('yyy2')">使用clipboard API复制</button>

</body>

</html>